<!-- 参考官方文档 -->
<template>
    <view class="">
        <button @click="showModal">弹出</button>
    </view>
</template>

<script lang="ts" setup>
    function showModal() {
        //弹出弹窗
        uni.showModal({
            //标题
            title: "是否删除",
            //内容
            // content: "删除之后无法恢复",
            //是否显示取消按钮
            showCancel: true,
            //取消按钮的文字
            cancelText: "取消",
            //取消按钮的文字颜色
            cancelColor: "rgb(0, 0, 0)",
            //确定按钮的文字
            confirmText: "确定",
            //确定按钮的文字颜色
            confirmColor: "rgb(0, 122, 255)",
            //是否显示输入框
            editable: true,
            //输入框提示文本
            placeholderText: "请输入备注",
            //调用成功的回调函数
            success: res => {
                console.log("调用成功", res);
            },
            //调用结束的回调函数
            complete: res => {
                console.log("调用结束", res);
            }
        });
    };
</script>

<style lang="scss" scoped>

</style>